<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en-US"> <!--<![endif]-->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">

    <title> Atrium - Single Page Responive Theme</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
       
   
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
       
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,600,700,800' rel='stylesheet' type='text/css' />
   
   <!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.ico">

<link rel='stylesheet' href='css/bootstrap.css' type='text/css' media='all' />
<link rel='stylesheet' href='css/bootstrap-responsive.css' type='text/css' media='all' />
<link rel='stylesheet' href='css/flexslider.css' type='text/css' media='all' />
<link rel='stylesheet' href='style.css' type='text/css' media='all' />
<link rel='stylesheet' href='css/colors.css' type='text/css' media='all' />
<link rel='stylesheet' href='js/prettyphoto/css/prettyPhoto.css' type='text/css' media='all' />

 </head>
 
 <body>
    
	<div class="nav-bar clearfix">
    <div class="container">
	<div class="row-fluid">
	<div class="span12">

  <div id="logo"><a href="http://www.matchthemes.com/demohtml/atrium"><img src="images/logo-small.png" alt=""/></a></div>

<nav id="nav-desktop">
<ul class="menu">
<li><a href="http://www.matchthemes.com/demohtml/atrium#intro">Home</a></li>
<li><a href="http://www.matchthemes.com/demohtml/atrium#about">About</a></li>
<li><a href="http://www.matchthemes.com/demohtml/atrium#portfolio">Portfolio</a></li>
<li><a href="http://www.matchthemes.com/demohtml/atrium#services">Services</a></li>
<li><a href="http://www.matchthemes.com/demohtml/atrium#blog">Blog</a></li>
<li><a href="http://www.matchthemes.com/demohtml/atrium#contact">Contact</a></li>
</ul>
</nav>

</div>
</div>
</div>
</div><!--.nav-bar-->

 

<div class="single-page mutualWrap">
<div class="container">
<div class="row">
<div class="span12">

<div class="single-section-title alignc">
<h1 class="section-title">Blog</h1>
</div>

</div><!--end span12 -->
</div><!--end row -->

<div class="row">  


<article class="span8 blog-post-single">
<div class="single-post-img">

<img width="770" height="360" src="images/blog/blog-5.jpg" alt="Pellentesque quam justo" title="Pellentesque quam justo" /></div><!--end single-post-img-->
<div class="blog-info">posted on <span>August 20th, 2013</span> | in <a href="#" title="View all posts in News" >News</a> </div>
<div class="content">
<h3 class="single-title-blog-post">Pellentesque quam justo</h3>

<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ultrices pretium lorem at vestibulum. Suspendisse volutpat rhoncus dictum. Duis id odio eu augue eleifend elementum. Etiam faucibus congue imperdiet. Quisque nec nisl vitae mi eleifend pharetra sit amet id quam. Fusce gravida luctus pulvinar. Quisque non ante vitae est rhoncus tincidunt.</p>
<p>In justo risus, fermentum eget egestas eget, elementum vitae tortor. Maecenas lorem mi, interdum id commodo ac, tincidunt vitae magna. In hac habitasse platea dictumst. Pellentesque quam justo, aliquam non accumsan a, aliquam id dolor. Duis aliquet imperdiet varius. Nullam malesuada sem vel nisi faucibus iaculis. Curabitur aliquam ante in lacus adipiscing accumsan. Morbi placerat libero at dolor condimentum ut lobortis magna varius. Ut ante purus, suscipit nec interdum quis, elementum vel lorem.</p>
<p>Maecenas lobortis enim magna, sit amet consectetur risus. Duis eu leo est, id dignissim enim. Vestibulum turpis ante, consequat id interdum sit amet, sollicitudin sit amet odio. Pellentesque placerat nulla at quam semper vitae ullamcorper eros lacinia. Suspendisse ornare sem id est feugiat nec malesuada mi sollicitudin. Curabitur sollicitudin ligula ipsum, nec luctus massa. In non ipsum eros, nec mollis orci.</p>

 

<!-- You can start editing here. -->


<header class="comm-title">
<h5>3 Comments</h5>
</header>

	<ol class="commentlist">
		<li class="comment even thread-even depth-1">
		<div id="comment-2" class="comment-body  clearfix">
                <div class="comment-details">
                    <div class="comment-avatar">
                        <img alt='' src='images/gravatar.png' class='avatar avatar-45 photo' height='45' width='45' />                    </div><!-- /comment-avatar -->
                    <section class="comment-author vcard">
						<cite class="author">John Doe</cite>						<span class="comment-date"> - August 24, 2013</span>
                    </section><!-- /comment-meta -->
                    <section class="comment-content">
    	                <div class="comment-text">
    	                    <p>Curabitur sollicitudin ligula ipsum, nec luctus massa. In non ipsum eros, nec mollis orci.</p>
    	                </div><!-- /comment-text -->
    	                <div class="reply">
    	                    <a class='comment-reply-link' href='#'>Reply</a> 
                        </div><!-- /reply -->
                    </section><!-- /comment-content -->
				</div><!-- /comment-details -->
		</div><!-- /comment -->
<ul class="children">
	<li class="comment odd alt depth-2">
		<div id="comment-4" class="comment-body  clearfix">
                <div class="comment-details">
                    <div class="comment-avatar">
                        <img alt='' src='images/gravatar.png' class='avatar avatar-45 photo' height='45' width='45' />                    </div><!-- /comment-avatar -->
                    <section class="comment-author vcard">
						<cite class="author">Eric Doe</cite>						<span class="comment-date"> - August 24, 2013</span>
                    </section><!-- /comment-meta -->
                    <section class="comment-content">
    	                <div class="comment-text">
    	                    <p>Duis eu leo est, id dignissim enim. Vestibulum turpis ante, consequat id interdum sit amet</p>
    	                </div><!-- /comment-text -->
    	                <div class="reply">
    	                    <a class='comment-reply-link' href='#'>Reply</a>
                        </div><!-- /reply -->
                    </section><!-- /comment-content -->
				</div><!-- /comment-details -->
		</div><!-- /comment -->
</li><!-- #comment-## -->
</ul><!-- .children -->
</li><!-- #comment-## -->
	<li class="comment even thread-odd thread-alt depth-1">
		<div id="comment-3" class="comment-body  clearfix">
                <div class="comment-details">
                    <div class="comment-avatar">
                        <img alt='' src='images/gravatar.png' height='45' width='45' />                    </div><!-- /comment-avatar -->
                    <section class="comment-author vcard">
						<cite class="author">Julia Doe</cite>						<span class="comment-date"> - August 24, 2013</span>
                    </section><!-- /comment-meta -->
                    <section class="comment-content">
    	                <div class="comment-text">
    	                    <p>Pellentesque placerat nulla at quam semper vitae ullamcorper eros lacinia. Suspendisse ornare sem id est.</p>
    	                </div><!-- /comment-text -->
    	                <div class="reply">
    	                    <a class='comment-reply-link' href='#'>Reply</a>
                        </div><!-- /reply -->
                    </section><!-- /comment-content -->
				</div><!-- /comment-details -->
		</div><!-- /comment -->
</li><!-- #comment-## -->
	</ol>
    

<div id="respond">

<header class="comm-title">
<h5>Leave a Comment</h5>
</header>
	    
   <form action="" method="post" id="commentform">
    
    <div class="row">
    
     <div class="span8">
		        
<input type="text" name="author" id="author" class="comm-field-post"  value="" placeholder="Name" size="22" tabindex="1" aria-required='true' />
<input type="text" name="email" id="email" class="comm-field-post" value="" placeholder="Email" size="22" tabindex="2" aria-required='true'   />
<input type="text" name="url" id="url" class="comm-field-post" value="" placeholder="URL" size="22" tabindex="3" aria-required='true'  />
		
		<textarea name="comment" id="comment" placeholder="Message" rows="9" tabindex="4"></textarea>

		<input name="submit" type="submit" id="submit-comm" tabindex="5" value="Submit Comment" />
        
</div><!--end span8-->
 </div>
	</form>

	
</div>


</div><!--end content-->
</article><!--span8-->

<aside class="span4">
		<ul>
			<li id="search-2" class="widget widget_search"><h5 class="widgettitle">Search</h5><form method="get" id="search-form" action="">
	<span><input type="text" name="s" id="search-string" value="" placeholder="type and hit enter"/></span>
</form>
</li>		<li id="recent-posts-2" class="widget widget_recent_entries">		<h5 class="widgettitle">Recent Posts</h5>		<ul>
					<li>
				<a href="#" title="Tincidunt vitae magna">Tincidunt vitae magna</a>
						</li>
					<li>
				<a href="#" title="Pellentesque quam justo">Pellentesque quam justo</a>
						</li>
					<li>
				<a href="#" title="Feugiat nec malesuada dignissim">Feugiat nec malesuada dignissim</a>
						</li>
					<li>
				<a href="#" title="Pellentes faucibus sollicitudin ante">Pellentes faucibus sollicitudin ante</a>
						</li>
					<li>
				<a href="#" title="Duis id odio eu augue eleifend">Duis id odio eu augue eleifend</a>
						</li>
				</ul>
		</li><li id="text-2" class="widget widget_text"><h5 class="widgettitle">Custom text</h5>			<div class="textwidget"><p>Maecenas lorem mi, interdum id commodo ac, tincidunt vitae magna. In hac habitasse platea dictumst. Pellentesque quam justo, aliquam non accumsan a, aliquam id dolor. Duis aliquet imperdiet varius. Nullam malesuada sem vel nisi faucibus iaculis.</p>
</div>
		</li><li id="categories-2" class="widget widget_categories"><h5 class="widgettitle">Categories</h5>		<ul>
	<li class="cat-item cat-item-17"><a href="#" title="View all posts filed under Design">Design</a>
</li>
	<li class="cat-item cat-item-1"><a href="#" title="View all posts filed under News">News</a>
</li>
	<li class="cat-item cat-item-18"><a href="#" title="View all posts filed under Photography">Photography</a>
</li>
	<li class="cat-item cat-item-19"><a href="#" title="View all posts filed under Social Media">Social Media</a>
</li>
		</ul>
</li><li id="archives-2" class="widget widget_archive"><h5 class="widgettitle">Archives</h5>		<ul>
			<li><a href='#' title='August 2013'>August 2013</a></li>
	<li><a href='#' title='July 2013'>July 2013</a></li>
	<li><a href='#' title='June 2013'>June 2013</a></li>
		</ul>
</li><li id="tag_cloud-2" class="widget widget_tag_cloud"><h5 class="widgettitle">Tags</h5><div class="tagcloud"><a href='#' class='tag-link-14' title='2 topics' style='font-size: 14px;'>css3</a>
<a href='#' class='tag-link-7' title='1 topic' style='font-size: 14px;'>design</a>
<a href='#' class='tag-link-10' title='2 topics' style='font-size: 14px;'>flat</a>
<a href='#' class='tag-link-13' title='1 topic' style='font-size: 14px;'>html5</a>
<a href='#' class='tag-link-11' title='1 topic' style='font-size: 14px;'>jquery</a>
<a href='#' class='tag-link-8' title='1 topic' style='font-size: 14px;'>logo</a>
<a href='#' class='tag-link-12' title='2 topics' style='font-size: 14px;'>one page</a>
<a href='#' class='tag-link-16' title='2 topics' style='font-size: 14px;'>parallax</a>
<a href='#' class='tag-link-9' title='4 topics' style='font-size: 14px;'>responsive</a>
<a href='#' class='tag-link-15' title='1 topic' style='font-size: 14px;'>single page</a></div>
</li> 
  	</ul>    
    
</aside><!-- end sidebar -->
</div><!--end row -->
</div><!--end container -->
</div><!--end single-page-->


<footer class="mutualWrap">

<div class="container">
<div class="row">

<div class="span8 offset2">
     <p class="alignc">&copy; 2013 Atrium. All rights reserved. Theme by matchthemes.</p>
</div><!--end span8 -->

</div><!--end row -->

<div class="row">
<div class="span12 footer-icons">

 <ul class="footer-social">
 
   <li><a class="foo-fb" href="#" target="_blank">Facebook</a></li>
      <li><a class="foo-tw" href="#" target="_blank">Twitter</a></li>
     <li><a class="foo-gplus" href="#" target="_blank">GPlus</a></li>
      <li><a class="foo-linkedin" href="#" target="_blank">Linkedin</a></li>
      <li><a class="foo-pinterest" href="#" target="_blank">Pinterest</a></li>
      <li><a class="foo-dribbble" href="#" target="_blank">Dribbble</a></li>
       <li><a class="foo-vimeo" href="#" target="_blank">Vimeo</a></li>
      <li><a class="foo-stumble" href="#" target="_blank">Stumbleupon</a></li>
     <li><a class="foo-flickr" href="#" target="_blank">Flickr</a></li>
   </ul>
 
</div><!--end span12 -->

</div><!--end row -->

</div><!--end container-->

</footer>   

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script type='text/javascript' src='js/bootstrap.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.min.js'></script>
<script type='text/javascript' src='js/jquery.parallax.js'></script>
<script type='text/javascript' src='js/jquery.sticky.js'></script>
<script type='text/javascript' src='js/jquery.flexslider-min.js'></script>
<script type='text/javascript' src='js/jquery.isotope.min.js'></script>
<script type='text/javascript' src='js/prettyphoto/js/jquery.prettyPhoto.js'></script>
<script type='text/javascript' src='js/jquery.form.min.js'></script>
<script type='text/javascript' src='js/contactform.js'></script>
<script type='text/javascript' src='js/jquery.nicescroll.min.js'></script>
<script type='text/javascript' src='js/init.js'></script>

</body>
</html>